草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 使用 jQuery 事件拖放处理滚动条

我有一个房间div,上面布置了一些玩具div,请参阅玩具是绝对定位的,可以在房间的墙壁上拖动。房间容器div具有固定的高度和高度,因此房间具有水平和垂直滚动。我用jqueryeventdrag用于设置DnD的插件。我设法只在墙的lomits中设置玩具拖拽,但是当有卷轴时,组件会向墙外移动一点(仅达到墙的实际宽度)。我只想展示玩具的一部分,如下所示我尝试设置z-index,但没有效果,有人有更好的主意吗? 最佳答案 在没有看到实际代码的情况下,我猜overflow:hidden可以解决这个问题吗?

javascript - 如何确定事件是否从滚动条触发

我有一个div,我在其中实现了像滑动一样的iPad。看看我在JSFiddle上的意思(只需在div中单击并拖动鼠标即可。)我想防止有人在使用滚动条时发生滑动(点击滚动条,然后从左向右移动,滑动仍然发生)。简而言之,我需要的是if(!event.wasTriggeredFromScrollbar),我可以在任何事件触发器(在本例中为mousedown/move/up)中使用它。欢迎使用jQuery和常规的“olJavascript答案”。编辑:为了更有意义。 最佳答案 这是我解决这个问题的方法,因为这似乎实际上是不可能的。第1步:捕获

Javascript(jQuery)在拖动项目时禁用页面滚动

我有一个类似小部件的系统,其中的小部件可以四处拖动(使用jQuery可拖动/可排序)。现在的问题是,当用户拖动这些小部件之一并将光标移动到边缘时,父div会滚动到光标的方向。一个简化的布局如下:有什么方法可以禁止page_wrapper滚动吗? 最佳答案 尝试在page_wrapper的css中添加overflow:hidden;。 关于Javascript(jQuery)在拖动项目时禁用页面滚动,我们在StackOverflow上找到一个类似的问题: htt

javascript - 滚动上的 jQuery 粘性标题

我制作了一个非常小的片段,使子标题固定在顶部。但是,就像我说的那样——我绝不是js天才或jQuery天才——实际上远非如此——我怀疑自己的编码能力..演示在这里:http://jsfiddle.net/obmerk99/VvKq3/1/问题:1-似乎有很多插件(还有很多问题在这个网站上)比我的代码片段多得多的代码-我是什么失踪??我做错了什么?2-这能跨浏览器工作吗?3..这是一个小问题,如何避免发生小的“跳跃”?(如果你去fiddle,并慢慢地滚动-你会看到主div在脚本被调用时“跳跃”..我试图将另一个.pad类添加到较低的div-添加类:.pad当脚本被调用时。.pad{padd

【解决】vue搭建element-ui提示找不到文件错误

Thesedependencieswerenotfound:element-uiin./src/main.jselement-ui/lib/theme-chalk/index.cssin./src/main.js在执行cnpmiinstallelement-ui-S,并添加官方文档的使用之后,报错:解决方案:我首先跟着提示输入,但是无疑还是报错同样的问题经过我几次百度csdn上面,几乎千篇一律的cnpmiinstallelement-ui-S来解决,但是还是报错,并有去package.config.js去添加东西,但我好像找不到这个对应的文件,故放弃,后面查看这个element-ui发现:就是

javascript - jQuery offset() 被 body 位置打破 :relative combined with element margin

这不是错误,因为FF、Chrome、IE9和Win7上的Safari的行为是一致的。我正在开发的应用程序是主机页面的第3方,因此CSS是不可变的。脚本会尝试将新的div与现有元素对齐。正文是position:relative页面顶部有H1H1的边距似乎在计算主体0,0的位置发生变化-即使主体上的背景一直延伸到边缘,并且它的offsetTop属性报告为0在body上设置边框解决了这个问题-看起来很奇怪但在浏览器之间是一致的吗?(不是可行的解决方案)移除H1边距可以解决问题(不是可行的解决方案)这里的例子,JS被注释为复制每个案例:http://codepen.io/anon/pen/EG

仅在向上滚动时出现的返回顶部链接的 Javascript 语法帮助

我有一个页面设置有一个返回顶部的链接(在整个栏中)在页面顶部向下滑动,只有在向上滚动时。我是Javascript的初学者,所以我拼凑了一些东西,确实有效(它在向上滚动时显示,除非我们距离顶部500像素,在向下滚动时隐藏),并且它使用了我得到的一些代码从这里开始不检查滚动的每个像素。我想补充的是,即使您在到达子菜单后仍在向上滚动,那么顶部链接也应该再次滚出页面-一旦您位于顶部,我不需要返回顶部.我已经通过添加第二个Javascript脚本使它工作,但我知道必须有更好的方法才能在第一次调用中使类似的东西工作。此外,第二次调用使用了window.scroll函数,我很确定这是错误的方法。第一

javascript - AJAX 部分加载后 Vue 绑定(bind)?

我刚刚开始使用Vue.js并尝试将其整合到我已经构建了一段时间的应用程序中。我的应用程序是使用Laravel、大量的jQuery等构建的。我应用中的所有导航元素都使用AJAX(不是通过Vue)来返回部分View。因此,任何内部链接或表单提交都是通过AJAX提交到返回部分的Laravel路由。我已经设置了我的第一个Vue实例,但它只在访问者第一次点击使用Vue实例的页面时绑定(bind)到元素。Vue实例仍然存在,但当用户离开页面然后返回时,它会失去与元素的绑定(bind)——大概是因为当用户离开页面时,元素已从DOM中删除。当Vue返回到DOM时,如何让Vue绑定(bind)回该元素(

javascript - 用 Vue.js 2 观察数组

我有一组选择(分配给项目的item.pricelists)在v-for循环中呈现并与v-model绑定(bind)。该项目的可能选择选项由item.valid_pricelists中的另一个v-for呈现。两者都是从同一个数组中的服务器中提取的。现在我需要注意用户何时更改选择,因此我可以使用item.valid_pricelists中的新值更新item.pricelists数组。渲染部分:{{price_list.description}}Parentpricelist:{{row.parent_id}}观看部分:watch:{'item.pricelists.id':{handler

javascript - Vue中JS与SCSS共享变量

我最近开始使用Vue.js2,我是单文件组件结构的粉丝:HelloWorldexportdefault{name:'hello-world',};h1{font-size:72px;}不过,我很好奇是否存在在SCSS和JS之间传递变量的既定方法。我需要共享一个值,现在它在两个部分中都是重复的。我使用VueCLI创建了这个项目,所以它使用vue-loader与Webpack2捆绑在一起。我希望有一种方法可以将其配置为将变量从JS填充到SCSS,反之亦然。 最佳答案 您的问题将受益于更多详细信息。您需要多彻底的集成?这将允许您创建一个J